<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>overflow</title>
    <style>
        body{
            font-size: 12px;
            line-height: 22px;
        }
        #content{
            width: 200px;
            height: 500px;
            border: 1px #000 solid;
            /*overflow: hidden;*/
            overflow: scroll;
            /* overflow: auto; */
        }
    </style>
</head>
<body>
    <div id="content">
        <img src="wine.jpg" alt="酒" width="200">
        <p>在CSS中使用overflow属性处理盒子中的内容溢出，它规定当内容溢出盒子时发生的事情，例如内容不会被修剪而呈现在盒子之外，或者内容会被修剪，修剪内容隐藏等。</p>
    </div>
</body>
</html>